<!DOCTYPE html>
<html>
<head>
<link lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="personal%20page.css">
    <script type="text/javascript" src="personal%20page.js"></script>
    <title>This is my personal page</title>
</head>
<body>
<div class="header">
    <h1>This is John.Augustine.</h1><br/>
    <h1>The John.Augustine!</h1><br/>
    <p>In April 1992, a young man from a well-to-do family hictchhiked to Alaska and wallked alone into the wilderness north of Mt.Mckinley.</p>
</div>
<div class="page">
    <div class="left-page">
        <h2>Personal introduction</h2>
        <p>In April 1992, a young man from a well-to-do family hictchhiked to Alaska and wallked alone into the wilderness north of Mt.Mckinley.
            His name was Christopher Johnson Mccandless. Hehad given $25000 in savings to charity, abandoned his car and most of his possessions,
            burnt all the cash in his wallet, and invented a new life for himself...</p>
        <h2>Work experience</h2>
        <p>In April 1992, a young man from a well-to-do family hictchhiked to Alaska and wallked alone into the wilderness north of Mt.Mckinley.
            His name was Christopher Johnson Mccandless. Hehad given $25000 in savings to charity, abandoned his car and most of his possessions,
            burnt all the cash in his wallet, and invented a new life for himself...</p>
    </div>
    <div class="right-page">
      <nav>
          <h3>Welcome to my website</h3>
          <a href="#">Personal website</a><br/>
          <a href="#">Html5</a><br/>
          <a href="#">Cascading style sheet</a><br/>
          <a href="#">Professional javascript for web developer</a><br/>
          <a href="#">Bootstrap site blueprints</a><br/>
          <a href="#">jQuery</a><br/>
          <a href="#">jQuery Mobile</a><br/>
          <a href="#">Angular JS</a><br/>
      </nav>
    </div>
    </div>
<div class="footer">
    <h4>Personal recommendation</h4>
    <p>book:ECMAScript 6 primer</p>
</div>
</body>
</html>
